32blogby Studio Mitsu

# app router

9 articles

nextjs

How I Cut Next.js App Router TTFB from 1s to 100ms

32blog's TTFB dropped from 1260ms to 100ms after removing one dynamic API call from root layout. How headers() silently forces dynamic rendering across every route in Next.js App Router — and the canonical fix.

Apr 13, 2026 · 10 min
claude-code

Claude Code × Next.js: Stop AI-Generated App Router Mistakes

The 7 most common App Router mistakes Claude Code makes, how to prevent them with CLAUDE.md, and how to use next-devtools-mcp for a real-time feedback loop.

Mar 14, 2026 · updated Mar 23, 2026 · 13 min
nextjs

Why SSR Isn't Working in Next.js App Router (And How to Fix It)

Data not updating, pages cached when they shouldn't be — common App Router SSR issues explained with concrete fixes.

Mar 2, 2026 · updated Mar 27, 2026 · 10 min
nextjs

Complete Guide to Next.js i18n with next-intl

How to set up next-intl v4 with App Router for multilingual sites. Full walkthrough of the ja/en/es setup powering 32blog.com.

Mar 2, 2026 · updated Mar 27, 2026 · 10 min
nextjs

next-intl Pitfalls: What Caught Me Building a Multilingual Site

Real pitfalls from implementing next-intl v4 on 32blog.com — middleware config, dynamic routes, SEO, and subtle bugs that are hard to spot.

Mar 2, 2026 · updated Mar 27, 2026 · 10 min
nextjs

Next.js SSR Guide: What Changed with Server Components

How SSR works in App Router with Server Components. Practical patterns for data fetching, caching, and streaming in Next.js 16.

Mar 2, 2026 · updated Mar 27, 2026 · 12 min
react

React Server Components: Complete Guide

Understand how RSC works, when to use Server vs Client Components, and practical patterns for Next.js App Router.

Mar 2, 2026 · updated Mar 27, 2026 · 10 min
react

Minimize 'use client' in React Server Components

Design patterns to keep 'use client' boundaries small in Next.js App Router. Island Architecture, Composition Pattern, and practical refactoring examples.

Mar 2, 2026 · updated Mar 27, 2026 · 12 min
claude-code

Claude Code × Next.js: Automate Your Project Setup Completely

Automate Next.js 16 project scaffolding with Claude Code. CLAUDE.md setup, custom hooks, slash commands, and Vercel deployment in a single session.

Feb 26, 2026 · updated Mar 23, 2026 · 10 min